@charset "utf-8";
$themes:(
  default:(
    //System Color
    header-bg1:#1890ff,
    header-bg2:#1890ff,
    header-text-color-primary:#ffffff,
    header-menu-hover:#16a0ff,
    sidebar-bg1:#ffffff,
    sidebar-bg2:#ffffff,
    sidebar-submenu-bg:#f8f8f8,
    sidebar-text-color-primary:#000000,
    sidebar-text-color-secondary:#333333,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,

    //Brand Color 主题色
    color-primary:#5aa0ff,
    //Functional Color
    color-success:#67C23A,
    color-warn:#E6A23C,
    color-danger:#F56C6C,
    color-info:#909399,
    color-disabled:#b7bbc2, //基础禁用色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#C0C4CC, //占位文字颜色
    //Border Color
    border-color-base:#DCDFE6,  //一级边框颜色
    border-color-light:#E4E7ED,  //二级边框颜色
    border-color-lighter:#EBEEF5,  //三级边框颜色
    border-color-extra-light:#F2F6FC,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#F5F7FA, //基础背景色
    background-color-lighter:#031e3e, //基础深色背景色

  ),
  dark:(
    //System Color
    header-bg1:#323949,
    header-bg2:#323949,
    header-text-color-primary:#ffffff,
    header-menu-hover:#1c1d21,
    sidebar-bg1:#222328,
    sidebar-bg2:#222328,
    sidebar-submenu-bg:#252527,
    sidebar-text-color-primary:#ffffff,
    sidebar-text-color-secondary:#e8e8e8,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,

    //Brand Color 主题色
    color-primary:#409EFF,
    //Functional Color
    color-success:#67C23A,
    color-warn:#E6A23C,
    color-danger:#F56C6C,
    color-info:#909399,
    color-disabled:#b7bbc2, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#c0c4cc, //占位文字颜色
    //Border Color
    border-color-base:#dcdfe6,  //一级边框颜色
    border-color-light:#e4e7e6,  //二级边框颜色
    border-color-lighter:#ebeef5,  //三级边框颜色
    border-color-extra-light:#f2f6fc,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#F5F7FA, //基础背景色
    background-color-lighter:#031e3e, //基础深色背景色

  ),
  blue:(
    //System Color
    header-bg1:#14447d,
    header-bg2:#14447d,
    header-text-color-primary:#ffffff,
    header-menu-hover:#2668b1,
    sidebar-bg1:#0d305a,
    sidebar-bg2:#0d305a,
    sidebar-submenu-bg:#0a1c2f,
    sidebar-text-color-primary:#ffffff,
    sidebar-text-color-secondary:#e8e8e8,
    sidebar-text-color-active:#ffffff,
    content-bg1:#3072c8,
    content-bg2:#13427a,

    //Brand Color 主题色
    color-primary:#409EFF,
    //Functional Color
    color-success:#74de40,
    color-warn:#efbb4d,
    color-danger:#fe7874,
    color-info:#a8abb1,
    color-disabled:#3A403C, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#ffffff,  //主题文字颜色
    color-text-regular:#e0e7f4,  //常规文字颜色
    color-text-secondary:#acc1e4,  //次要文字颜色
    color-text-placeholder:#84a4d8, //占位文字颜色
    //Border Color
    border-color-base:#5bbbff,  //一级边框颜色
    border-color-light:#cbcbcb,  //二级边框颜色
    border-color-lighter:#73d1fd,  //三级边框颜色
    border-color-extra-light:#195785,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#6785c2, //基础背景色
    background-color-lighter:#105e87, //基础深色背景色

  ),
  lightblue:(
    //System Color
    header-bg1:#14447d,
    header-bg2:#14447d,
    header-text-color-primary:#ffffff,
    header-menu-hover:#2668b1,
    sidebar-bg1:#0d305a,
    sidebar-bg2:#0d305a,
    sidebar-submenu-bg:#0a1c2f,
    sidebar-text-color-primary:#ffffff,
    sidebar-text-color-secondary:#e8e8e8,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,

    //Brand Color 主题色
    color-primary:#409EFF,
    //Functional Color
    color-success:#74de40,
    color-warn:#efbb4d,
    color-danger:#fe7874,
    color-info:#a8abb1,
    color-disabled:#b7bbc2, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#c0c4cc, //占位文字颜色
    //Border Color
    border-color-base:#dcdfe6,  //一级边框颜色
    border-color-light:#e4e7e6,  //二级边框颜色
    border-color-lighter:#ebeef5,  //三级边框颜色
    border-color-extra-light:#f2f6fc,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#b7bbc2, //基础背景色
    background-color-lighter:#031e3e, //基础深色背景色

  ),
  purple:(
    //System Color
    header-bg1:#2e3ba0,
    header-bg2:#2e3ba0,
    header-text-color-primary:#ffffff,
    header-menu-hover:#8da0ff,
    sidebar-bg1:#2352cd,
    sidebar-bg2:#7662fe,
    sidebar-submenu-bg:#3644b6,
    sidebar-text-color-primary:#ffffff,
    sidebar-text-color-secondary:#e8e8e8,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,


    //Brand Color 主题色
    color-primary:#5d78fa,
    //Functional Color
    color-success:#67c23a,
    color-warn:#e6a23c,
    color-danger:#f56c6c,
    color-info:#909399,
    color-disabled:#eeeeee, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#c0c4cc, //占位文字颜色
    //Border Color
    border-color-base:#dcdfe6,  //一级边框颜色
    border-color-light:#e4e7e6,  //二级边框颜色
    border-color-lighter:#ebeef5,  //三级边框颜色
    border-color-extra-light:#f2f6fc,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#f1f2f6, //基础背景色
    background-color-lighter:#f2f6fc, //基础深色背景色

  ),
  red1:(
    //System Color
    header-bg1:#d9394c,
    header-bg2:#e87d68,
    header-text-color-primary:#ffffff,
    header-menu-hover:#f2838e,
    sidebar-bg1:#b73740,
    sidebar-bg2:#b73740,
    sidebar-submenu-bg:#a43038,
    sidebar-text-color-primary:#ffffff,
    sidebar-text-color-secondary:#e8e8e8,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,


    //Brand Color 主题色
    color-primary:#db404f,
    //Functional Color
    color-success:#67c23a,
    color-warn:#e6a23c,
    color-danger:#f56c6c,
    color-info:#909399,
    color-disabled:#eeeeee, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#c0c4cc, //占位文字颜色
    //Border Color
    border-color-base:#dcdfe6,  //一级边框颜色
    border-color-light:#e4e7e6,  //二级边框颜色
    border-color-lighter:#ebeef5,  //三级边框颜色
    border-color-extra-light:#f2f6fc,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#f1f2f6, //基础背景色
    background-color-lighter:#f2f6fc, //基础深色背景色
  ),
  red2:(
    //System Color
    header-bg1:#93291b,
    header-bg2:#93291b,
    header-text-color-primary:#ffffff,
    header-menu-hover:#ad3121,
    sidebar-bg1:#ffffff,
    sidebar-bg2:#ffffff,
    sidebar-submenu-bg:#ededed,
    sidebar-text-color-primary:#000000,
    sidebar-text-color-secondary:#333333,
    sidebar-text-color-active:#ffffff,
    content-bg1:#ffffff,
    content-bg2:#ffffff,


    //Brand Color 主题色
    color-primary:#cc5542,
    //Functional Color
    color-success:#67c23a,
    color-warn:#e6a23c,
    color-danger:#f56c6c,
    color-info:#909399,
    color-disabled:#eeeeee, //基础禁用背景色
    //Font Color 主题文字颜色
    color-text-primary:#303133,  //主题文字颜色
    color-text-regular:#606266,  //常规文字颜色
    color-text-secondary:#909399,  //次要文字颜色
    color-text-placeholder:#c0c4cc, //占位文字颜色
    //Border Color
    border-color-base:#dcdfe6,  //一级边框颜色
    border-color-light:#e4e7e6,  //二级边框颜色
    border-color-lighter:#ebeef5,  //三级边框颜色
    border-color-extra-light:#f2f6fc,  //四级边框颜色
    //Background Color
    color-white:#ffffff, //基础白色
    color-black:#000000, //基础黑色
    background-color-base:#f1f2f6, //基础背景色
    background-color-lighter:#f2f6fc, //基础深色背景色
  ),
)
